<template>
<div class="goods">
   <goods-list-item v-for="(item,index) in goods" :key="index"  :lists="item" >
       {{item}}
      
   </goods-list-item>
</div>
 
</template>

<script>
import GoodsListItem from "./GoodsListItem.vue";
export default {
  name: "GoodsList",
  props: {
    goods: {
      type: Array,
      default() {
        return [];
      },
    },
  },
 
  components: {
    GoodsListItem,
  },
 
};
</script>

<style>
.goods {
    display: flex;
    flex-wrap: wrap;
/* 均等分 */
    justify-content: space-evenly;
  }
</style>